html,
body {
  margin: 0px;
  padding: 0px;
  background-color: rgb(30, 30, 30);
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  font-family: Arial, Helvetica, sans-serif;
  user-select: none;
}
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-thumb:active {
  background-color: rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-corner {
  background-color: transparent;
}
.showScrollBar::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0) !important;
}
.titleBar {
  -webkit-app-region: drag;
  height: 38px;
  line-height: 38px;
  background-color: rgb(60, 60, 60);
  display: flex;
}
.titleLogo {
  padding: 10px;
}
.titleLogo img {
  width: 18px;
  height: 18px;
}
.titleText {
  height: 38px;
  line-height: 38px;
  font-size: 13px;
  color: rgb(206, 206, 206);
  flex: 1;
}
.titleTool {
  -webkit-app-region: no-drag;
  height: 38px;
  float: right;
  color: white;
  line-height: 38px;
  display: flex;
  justify-content: flex-end;
}
.titleTool div {
  text-align: center;
  width: 42px;
  height: 38px;
  font-size: 13px;
}
.titleTool div:hover {
  background-color: rgb(80, 80, 80);
}
.closeBtn:hover {
  background-color: rgb(251, 21, 38) !important;
}
